.f-progress{
    .f-progress-bg,.f-progress-success-bg{
        background: $f-theme-04;
    }
    .f-progress-success-bg {
        background: $f-semantic-success-01;
      }
    &-status-success{
        .f-progress-bg{
            background: $f-semantic-success-01;
        }
    }
    &-status-error{
        .f-progress-bg{
            background: $f-semantic-danger-01;
        }
    }
    &.f-progress-circle{
        .f-progress-text{
            .f-progress-text-icon{
                &.f-icon-checkmark{
                    color: $f-semantic-success-01;
                }
                &.f-icon-x{
                    color: $f-semantic-danger-01;
                }
            }
        }
    }
    .f-progress-inner:not(.f-progress-circle-gradient) .f-progress-circle-path{
        stroke:$f-semantic-info-01;
    }
    &-status-success{
        .f-progress-inner:not(.f-progress-circle-gradient) .f-progress-circle-path{
            stroke:$f-semantic-success-01;
        }
    }
    &-status-error{
        .f-progress-inner:not(.f-progress-circle-gradient) .f-progress-circle-path{
            stroke:$f-semantic-danger-01;
        }
    }
}